const $ = layui.$;
export default class Manage{
    constructor(next){
        this.render();
        this.handle(next);
        
    }
    render(){
        let template = `
        <div class="layui-layout layui-layout-admin">
            <div class="layui-header">
            <div class="layui-logo">学生管理系统</div>
    
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                <a href="javascript:;">
                    <img
                    src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
                    class="layui-nav-img"
                    />
                    <span id="username"></span>
                </a>
                </li>
                <li class="layui-nav-item"><a id="logout">登出</a></li>
            </ul>
            </div>
    
            <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="studentNav">
                <li class="layui-nav-item">
                    <a href="#/manage/student">学生管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="#/manage/class">班级管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="#/manage/course">课程管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="#/manage/cinema">院线管理</a>
                </li>
                </ul>
            </div>
            </div>
    
            <div class="layui-body">
            <!-- 内容主体区域 -->
            <div id="content" style="padding: 15px; margin-top: 60px"></div>
            </div>
        </div>
        `;
        $("#root").html(template);
    }
    handle(next){
        next();
       // 获取session，如果session没有，则返回登录页面
    //    $.ajax({
    //        type:"get",
    //        url:"/api/getSession",
    //        success(data){
    //             if(Object.keys(data).length <= 0){
    //                 window.location = "#login";
    //             }else{
    //                 $("#username").text(data.username);
    //                 next();
    //             }
    //        },
    //        error(){
    //             window.location = "#login";
    //        }
    //    });
        // 通过向服务器传递token信息，并得到解密后的内容
        // $.ajax({
        //     type:"get",
        //     url:"/api/getToken",
        //     success(data){
        //         if(Object.keys(data).length <= 0){
        //             window.location = "#login";
        //         }else{
        //             $("#username").text(data.user.username);
        //             next();
        //         }
        //     },
        //     error(){
        //         window.location = "#login";
        //     }
            
        // });
       $("#logout").click(function(){
        //    $.ajax({
        //        type:"get",
        //        url:"/api/removeSession",
        //        success(){
        //             window.location = "#login";
        //        }
        //    });
        // 从本地删除token
        layui.data('tokens', {
            key: 'token'
            ,remove: true
        });
        window.location = "#login";
       })
    }
}